20 Fancy Visual JavaScript Slideshow Examples For Creative Designers

1. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/captianimation when touch

If slideshow or captianimation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/captianimation when release touch

If slideshow or captianimation is frozen, animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssslider comes with 360+ impressive slideshow effects/transitions

Javascript code deep compression smart compressiengine

Auto slideshow with optional pause on hover

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Builder for Lush Content Slider

featured image

Visual Drag and Drop interface

Javascript code invocation

More Details

4. Elegant Menu

featured image

Elegant Menu is Javascript/CSS menu component with distinctive and clean style.Visual animations

More Details

5. Simple Javascript XML Slideshow

featured image

The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. Also, I’ve added a simple to use Slideshow Generator that will allow you create all code you need for your slideshow: required files, javascript, xml, html and even basic css. This will allow you to quickly create slideshow with exactly the features you want.Slideshow Generator

More than one slideshow can be on the same page

Loads of documentation, experience javascript xml is not needed

If you are familiar with my previous flash based basic slideshow this is html spin-off of that file. Theme options for visual look

Notice: Javscript required for this slideshow. This slideshow does not currently degrade because of it’s use of xml power the slideshow.

More Details

6. Responsive Text Effects - Media Overlays

featured image

just a little bit of JavaScript Flash wizardry, these tools allowed websites to pick and use any font they pleased, and there

editor generator called the Visual Builder.Javascript configuration settings. The visual builder includes 7 custom fonts and over 30 images and video files that you’re free to

More Details

7. Animated Horizontal Submenu

featured image

Minor visual changes

JavaScript Library: jQuery

More Details

8. iLightBox · Revolutionary Lightbox Plugin

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using jQuery JavaScript library.Advanced JavaScript API considered.Developed pure object oriented JavaScript

“iLightBox is real great plug! i don’t find a system to open slideshow with only one thumb… great work”—Ciccio Pasticcio

More Details

9. Full Width Slider 2

featured image

Auto slideshow with pause on hover.

More Details

10. Responsive Gridfolio

featured image

Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control size of grid CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

11. Ultimate Grid Responsive Gallery

featured image

Lightbox with slideshow (play, pause, auto-play)

Deactivate and Activate Features through Javascript Options

More Details

12. jQuery 3D Grid Card Plugin

featured image

Auto delay slideshow, hove to pause. Un-minified javascript, FAQ are include in the source package.

More Details

13. Sky jQuery Touch Carousel

featured image

You can customize the visual appearance of the plugin with help of the plugin options and CSS. Auslideshow and loop. Coded object oriented JavaScript. (Minified JavaScript file)

(Non-minified JavaScript source code)

More Details

14. DimViewer (images/PDFs tool)

featured image

You can choose Slideshow or picture Slider tool.DimViewer use Google Arts/Google Maps technology; process your images create a small JavaScript.It use pure JavaScript without any plugins; Which means it’s cross browser.Again it use cross-browser pure JavaScript.DimViewer will generate a group tile images and JavaScript (dimviewer1.Copy outcome tile images Javascript (dimviewer1.Following example code that use outcome tile image Javascript (dimviewer1.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">

More Details

15. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

Your photography, paintings, and other visual art are beautiful, and deserve to be displayed online in a way that does them justice. Javascript blur effect

A variety of features not available in standard javascript gallery, including a stunning blur effect thumbnails and overlay boxes. Autoplay slideshow option

More Details

16. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine.

More Details

17. Ultimate Smart Slider - Responsive

featured image

Default Javascript Options

More Details

18. Filter Slider - jQuery Image Manipulation

featured image

The main goal of FilterSlider is manipulate images and HTML slider jQuery using canvas, jQuery library and Javascript.

More Details

19. Interactive Maps Generator

featured image

This is a standalone application where you can generate as many maps as you want and copy the embed code and place the maps in any of your websites! No need to upload any extra files to your website, just embed the code!! Compatible Joomla and other CMS’s that allow you to paste javascript code into the content! Check some of the Examples test it yourself!

Advanced users will be able create their own Javascript functions for customized actions.You will be able to costumize the visual of your maps:

More Details

20. J-Accordion

featured image

J-Accordion is accordion component with distinctive style, based in CSS e Javascript code.12 visual special effects (Fade effect, blind effect, drop effect, highlight effect and more)

More Details

21. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of grid CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details